<!DOCTYPE html>
<html>

<head>
    <title>开发者中心</title>
    <% include layout/lib.ejs %>
    <link rel="stylesheet" type="text/css" href="/css/developerCenter.css" />
</head>

<body>

    <% include layout/header.ejs %>

    <div class="bannerBox">
        <div class="bannerItem" style="background-image:url('/image/ed-10.jpg');"></div>
    </div>

    <div class="developerCenterBox">
        <div class="developerCenterMain">

            <div class="globalTitleBox">
                <div class="globalTitleIcon">
                    <img src="/image/ed-18.png" />
                </div>
                <div class="globalTitle">快速入门</div>
            </div>

            <div class="developerCenterContent">
                <div class="developerCenterContentItem">
                    <a href="/tutorial?md=baseEnvironmentInstallation">
                        <img src="/image/wendang1.png" />
                        <p>基础环境安装</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:10px;">介绍基础环境的搭建，使用Easy-D集合框架需要安装的基础环境</p>
                    </a>
                    <div class="developerCenterContentVideo"></div>
                </div>
                <div class="developerCenterContentItem">
                    <a href="/tutorial?md=atomicInstall">
                        <img src="/image/wendang1.png" />
                        <p>独立部署 : Hello World</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:10px;">独立部署原子层环境，单独使用原子层框架进行各类接口的开发</p>
                    </a>
                </div>
                <div class="developerCenterContentItem">

                    <a href="/tutorial?md=aggregationInstall">
                        <img src="/image/wendang1.png" />
                        <p>分层部署 : Hello World</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:10px;">原子层+聚合层的标准接口组合部署，适合较为复杂的业务场景使用</p>
                    </a>
                </div>
                <div class="developerCenterContentItem">
                    <a href="/tutorial?md=completeInstall">
                        <img src="/image/wendang1.png" />
                        <p>完整安装</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:10px;">原子层+聚合层+管理端界的完整部署方式，让您公司快速进入业务开发</p>
                    </a>
                </div>
            </div>

            <div class="globalTitleBox">
                <div class="globalTitleIcon">
                    <img src="/image/ed-18.png" />
                </div>
                <div class="globalTitle">Easy-D开发框架相关文档</div>
            </div>

            <div class="developerCenterContent">
                <div class="developerCenterContentItem">
                    <a href="/apiDetail?type=atomic" style="margin-left:25px;">
                        <img src="/image/wendang1.png" />
                        <p>原子层使用教程</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:20px;">立即查看</p>
                    </a>
                </div>
                <div class="developerCenterContentItem">
                    <a href="/apiDetail?type=aggregation" style="margin-left:25px;">
                        <img src="/image/wendang1.png" />
                        <p>聚合层使用教程</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:20px;">立即查看</p>
                    </a>
                </div>
                <div class="developerCenterContentItem">
                    <a href="/apiDetail?type=admin" style="margin-left:25px;">
                        <img src="/image/wendang1.png" />
                        <p>管理端使用教程</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:20px;">立即查看</p>
                    </a>
                </div>
                <!-- <div class="developerCenterContentItem">
                        <div class="developerCenterContentItemMaskBox">
                                正在优化，敬请期待...
                            </div>
                    <a href="/apiDetail?type=service" style="margin-left:25px;">
                        <img src="/image/ed-33.png" />
                        <p>服务层使用教程</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:20px;">立即查看</p>
                    </a>
                </div>
                <div class="developerCenterContentItem">
                        <div class="developerCenterContentItemMaskBox">
                                正在优化，敬请期待...
                            </div>
                    <a href="/apiDetail?type=pc" style="margin-left:25px;">
                        <img src="/image/ed-33.png" />
                        <p>PC客户端</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:20px;">立即查看</p>
                    </a>
                </div>
                <div class="developerCenterContentItem">
                        <div class="developerCenterContentItemMaskBox">
                                正在优化，敬请期待...
                            </div>
                    <a href="/apiDetail?type=weixin" style="margin-left:25px;">
                        <img src="/image/ed-33.png" />
                        <p>微信客户端</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:20px;">立即查看</p>
                    </a>
                </div> -->

                <!-- <div class="developerCenterContentItem" style="box-shadow:none;cursor:default;">
                   
                </div>
                <div class="developerCenterContentItem" style="box-shadow:none;cursor:default;">
                    
                </div> -->
            </div>

            <!-- <div class="globalTitleBox">
                <div class="globalTitleIcon">
                    <img src="/image/ed-18.png" />
                </div>
                <div class="globalTitle">项目实战教程<span style="font-size:12px;color:#999;">（通过一个完整的项目体验一下Easy-D集合开发框架）</span></div>
                
            </div>
            <div class="developerCenterContent">
                <div class="developerCenterContentItem">
                    <a href="/apiDetail?type=news_project" style="margin-left:25px;">
                        <img src="/image/ed-43.png" />
                        <p>新闻管理系统实现</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:20px;margin-left:-10px;">视频教程</p>
                    </a>
                </div>
            </div> -->

            <div class="globalTitleBox">
                <div class="globalTitleIcon">
                    <img src="/image/ed-18.png" />
                </div>
                <div class="globalTitle">Easy-D服务产品使用手册</div>
            </div>

            <div class="developerCenterContent">
                <div class="developerCenterContentItem">
                    <a href="/apiDetail?type=file_service" style="margin-left:25px;">
                        <img src="/image/wendang1.png" />
                        <p>文件OSS服务</p>
                        <p style="color:#999;font-size:14px;line-height:24px;margin-top:20px;">立即查看</p>
                    </a>
                </div>
                
                <div class="developerCenterContentItem" style="background:none;box-shadow:none;">
                        
                </div>
            </div>
        </div>
    </div>

    <% include layout/footer.ejs %>
</body>

</html>